/*
 * @Descripttion:
 * @Author: voanit
 * @Date: 2022-05-03 16:13:14
 * @LastEditors: voanit
 * @LastEditTime: 2022-05-08 08:39:17
 */
import React from 'react'
import Hello from './views/Hello'
import Class1 from './views/Class'
import Classcon from './views/Classcon'
import Todo from './views/Todo'
import Father from './views/Props/Father'
import Props from './views/valid/Props'
import Props2 from './views/valid/Props2'
import Lcom2 from './views/valid/Lcom2'
import RenderProps from './views/RenderProps/RenderProps'
import Hoc from './views/RenderProps/Hoc'
import Router01 from './views/Router/Router01'

import { Provider } from './context'

// console.log(Provider, 7777)
class App extends React.Component {
  state = {
    val: 'hello  world',
  }
  render() {
    return (
      <Provider value={this.state.val}>
        我是一个类组件
        {/* <hr />
        <Hello></Hello>
        <hr />
        <Class1></Class1>
        <hr />
        <Classcon></Classcon>
        <hr />
        <Todo></Todo>
        <hr />
        <Father></Father>
        <hr />
        <Props
          color={[]}
          name={10}
          f1={() => {}}
          b1={true}
          b2="b2"
          b3={({ id: 1, name: 'jack' }, { id: 2, name: 'rose' })}
        ></Props>
        <hr />
        <Props2 s2={() => {}} s3={{ id: 1 }}></Props2>
        <hr /> */}
        {/* <Lcom2></Lcom2> */}
        {/* <RenderProps
          render={({ X, Y }) => {
            return (
              <h1>
                X:{X}====Y:{Y}
              </h1>
            )
          }}
        ></RenderProps> */}
        <hr />
        {/* <RenderProps>
          {({ X, Y }) => {
            // console.log(obj, 5)
            return (
              <h2>
                x:{X}==y:{Y}
              </h2>
            )
          }}
        </RenderProps> */}
        {/* <Hoc></Hoc> */}
        <Router01></Router01>
      </Provider>
    )
  }
}

export default App
